import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import Search from '../views/Search.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,
    meta:{
      ShowOrHidden:true
    }
  },
  {
    path: '/about',
    name: 'About',
    meta:{
      ShowOrHidden:true
    },
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  },
  {
    path: '/search',
    name: 'Search',
    component: Search,
    meta:{
      ShowOrHidden:true
    }
  },
  {
    path: '/zuiclickli/:id',
    name: 'ZuiClickLi',
    meta:{
      ShowOrHidden:false
    },
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../components/home/ZuiClickLi.vue')
  },
  {
    path: '/clickabout/:id',
    name: 'ClickAbout',
    meta:{
      ShowOrHidden:false
    },
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../components/about/ClickAbout.vue')
  },
  {
    path: '/clicktui/:id',
    name: 'ClickTui',
    meta:{
      ShowOrHidden:false
    },
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../components/home/ClickTui.vue')
  },
  {
    path: '/clicktuili/:id',
    name: 'ClickTuiLi',
    meta:{
      ShowOrHidden:false
    },
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../components/home/ClickTuiLi.vue')
  },
  {
    path: '/songjianjie/:id',
    name: 'SongJianJie',
    meta:{
      ShowOrHidden:false
    },
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../components/search/SongJianJie.vue')
  },
  {
    path: '/songzhanji/:id',
    name: 'SongZhanJi',
    meta:{
      ShowOrHidden:false
    },
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../components/search/SongZhanJi.vue')
  },
  {
    path: '/test/:id',
    name: 'Test',
    meta:{
      ShowOrHidden:false
    },
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../components/test/Test.vue')
  },
  {
    path: '/player/:id',
    name: 'Player',
    meta:{
      ShowOrHidden:false
    },
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../components/player/Player.vue')
  },
  {
    path: '/clickzuixinyinyue/:id',
    name: 'ClickZuixinyinyue',
    meta:{
      ShowOrHidden:false
    },
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../components/home/ClickZuixinyinyue.vue')
  },
  {
    path: '/playerall/:id',
    name: 'Playerall',
    meta:{
      ShowOrHidden:false
    },
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../components/player/Playerall.vue')
  }
  
  
    
  
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
